<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div id="code">
             var sum = 0;
             for(var i = 1; i <= 100; i++) {
                sum += i;
            }
             return sum;
        </div>
</body>

<script>

    var fun = new Function('console.log("这是函数 fun")');
    fun();

    /*
    格式：new Function(agr0,agr1...,agrn,body)
    Function 的参数 表示创建函数的 参数 最后一个参数除外，最后一个参数是函数体
    */

    function getSun(a,b) {
        return a+b;
    }
    console.log(getSun(10,12));

    //第一种方式 实例化函数
    var getSum2 = new Function('num1','num2','return num1 + num2;')
    console.log(getSum2(30,15));//45


    
    // function getSum3() {
    //     var sum = 0;
    //     for(var i = 1; i <= 10; i++) {
    //         sum += i;
    //     }
    //     return sum;
    // }
    //第二种方式
    var getSum4 = new Function(
        'var sum = 0;' + 
        'for (var i = 1; i <= 10; i++) {' + 
        'sum += i;' +
        '}' +
        'return sum;'
        )

        console.log(getSum4());

        //第三种方式
        var ele = document.getElementById('code');
        var text = ele.innerText;
        console.log(text);

        var getSum5 = new Function(text);

        console.log(getSum5());
        
        
        
</script>
</html>